<style>
    body {
        margin: 0;
        text-align: center;
    }
    #container{
        background-color: black;
    }
    #clipArea {
        height: 80%;
        background-color: black;
    }
    #clipBtn {
        margin-top: 8%;
    }
    .bui-btn{
        background-color: white;
    }
    .header-box2{
        background-color: red;
        height: 1.085rem;
    }
    .header-left2{
        margin-left: 0rem;
        background-color: red;
        color: white;
        width: 1rem;
    }
    .header-left2 .bui-btn{
        background-color: red;
        border-width: 0rem;
        
    }
    .header-title2 {
        font-size: 0.4rem;
        height: 1.085rem;
        font-family: 'Microsoft YaHei';
        font-weight: bold;
        
        color: white;
        letter-spacing: 0.05rem;
        margin-left: 28%;
    }
</style>
<header>
    <div class="bui-box header-box2">
      <div class="bui-box-center header-left2">
          <a class="bui-btn" onclick="bui.back();"><i class="icon-back"></i></a>
      </div>
      
      <div class="bui-box-center header-title2">
      <span>截取头像</span>
      </div>
  </div>
</header>
<div id="clipArea">
</div>
<div id="container"><img src="images/home/clipbutton.png" id="clipBtn"></div>

